<!DOCTYPE html>
<html>
<head>
    ${include "/pages/template/head.html" .}
    ${include "/pages/includes/ztree.html" .}
    <style>
        .checkbox, .radio {
            margin-top: 0px;
            margin-bottom: 0px;
        }
    </style>
</head>
<body>
<div id="data_wrapper">
    <div v-show="showList" id="showList" style="display: none;">
        <form name="formList" action="" method="post" class="form-inline" role="form">
            <div class="tableSearch">
                <div class="form-group">
                    <input class="form-control" type="text" name="name" value="" placeholder="请输入名称"/>
                </div>

                <button type="button" class="btn btn-sm btn-primary" @click="reload" name="search">
                    <span class="glyphicon glyphicon-search"></span> 查 询
                </button>
                <button type="button" class="btn btn-sm btn-primary" onclick="dudu.resetForm();">
                    <span class="glyphicon glyphicon-refresh"></span> 重 置
                </button>
                <button type="button" class="btn btn-sm btn-primary" @click="add">
                    <span class="glyphicon glyphicon-plus"></span> 新 增
                </button>
            </div>
        </form>

        <!-- 这里格式不能变 -->
        <div id="jqGridEdit" style="display: none;">
            <a href="javascript:void(0);" class="btn btn-xs btn-primary" onclick="vm.update([id]);">修改</a>
            <a href="javascript:void(0);" class="btn btn-xs btn-danger" onclick="vm.del([id]);">删除</a>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    ${include "pages/system/role_edit.html" .}

</div>
<script type="text/javascript" src="${.ctx}/resources/js/system/role.js?t=${.now}"></script>
</body>
</html>